<!DOCTYPE html>
<html lang="zh-cn">
<link rel="shortcut icon" href="../static/image/logo.png">

<head>
    <!-- 基础设定 -->
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta http-equiv="Pragma" content="no-cache">
    <!-- 网页标题 -->
    <title>💡 创客星穹</title>

    <!-- 布局设计文件 -->
    <link href="../static/css/bootstrap.min.css" rel="stylesheet">
    <link href="../static/css/font-awesome.min.css" rel="stylesheet">
    <link href="../static/css/themify-icons.css" rel="stylesheet">
    <link href="../static/css/flaticon-set.css" rel="stylesheet">
    <link href="../static/css/magnific-popup.css" rel="stylesheet">
    <link href="../static/css/owl.carousel.min.css" rel="stylesheet">
    <link href="../static/css/owl.theme.default.min.css" rel="stylesheet">
    <link href="../static/css/animate.css" rel="stylesheet">
    <link href="../static/css/bootsnav.css" rel="stylesheet">
    <link href="../static/css/style.css" rel="stylesheet">
    <link href="../static/css/responsive.css" rel="stylesheet">

    <link href="../static/css/css2.css" rel="stylesheet">

</head>

<body>

    <!-- 顶部栏 -->
    <header id="home">

        <!-- 顶部栏 -->
        <nav class="navbar navbar-default navbar-sticky dark attr-border bootsnav">

            <!-- 选择栏 -->
            <div class="container">
                <div class="row">
                    <div class="top-search">
                        <div class="input-group">
                            <form action="#">
                                <input type="text" name="text" class="form-control" placeholder="Search">
                                <button type="submit">
                                    <i class="ti-search"></i>
                                </button>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
            <!-- 搜索框结束 -->

            <div class="container">

                <!-- 开始属性导航 -->
                <div class="attr-nav">
                    <ul>
                        <li class="search"><a href="#"><i class="fas fa-search"></i></a></li>
                    </ul>
                </div>
                <!-- 结束属性导航 -->

                <!-- 开始头部导航 -->
                <div class="navbar-header">
                    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar-menu">
                        <i class="fa fa-bars"></i>
                    </button>
                    <a class="navbar-brand" href="../index.html">

                        <strong style="font-size: 20px;margin-left: 10px;">💡 创客星穹</strong>
                    </a>
                </div>

                <div class="collapse navbar-collapse" id="navbar-menu">
                    <ul class="nav navbar-nav navbar-right" data-in="fadeInDown" data-out="fadeOutUp">
                        <li class="dropdown">
                            <a href="../index.html">🏠 主页</a>
                        </li>

                        <li class="dropdown">
                            <a href="../AI-Wonderlab/AI-Wonderlab.html">✨ AI奇妙馆</a>
                        </li>

                        <li class="dropdown">
                            <a href="../AI-Playground/AI-Playground.html">🔬 智学实验室</a>
                        </li>
                        <li class="dropdown">
                            <a href="../MakerVerse/MakerVerse.html">💡 创客星穹</a>
                        </li>
                        <li class="dropdown">
                            <a href="../about-us.html">🌐 关于我们</a>
                        </li>

                    </ul>
                </div>
            </div>

        </nav>
        <!-- 结束导航 -->

    </header>
    <div class="banner-area bg-shape text-light with-fixed-nav bg-cover-bottom heading-capitalized"
        style="background-image: url(../static/image/background.png);">
        <div class="container">
            <div class="double-items">
                <div class="row align-center">
                    <div class="col-lg-7 info">
                        <h4 class="wow fadeInLeft">🚀 ​创客星穹 | MakerVerse</h4>
                        <h2 class="wow fadeInDown" data-wow-duration="1s">AI作品展览馆<strong>​点亮属于你的星球​</strong></h2>
                        <a class="btn circle btn-md btn-light effect wow fadeInUp" data-wow-duration="1.8s"
                            href="Thanks.html">上传作品</a>
                        <div style="margin-top: 20px;"><strong>🚀AI在手，学习更酷！你的智能学习伙伴已上线！​</strong></div>
                    </div>
                    <div class="col-lg-5 thumb width-120 wow fadeInRight" data-wow-duration="1s">
                        <div class="thumb-innner">
                            <img src="../static/image/spaceflight.png" alt="Thumb" style="width:85%">
                        </div>
                        </br>
                        </br>
                        <strong>✨探索AI的奥秘，让学习更聪明！✨</strong>
                        </br>
                        <strong>🔍为中学生打造有趣、易懂的AI知识平台，助力学习与创新。</strong>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="case-studies-area circle-shape-right default-padding-top bg-gray bottom-less">
        <!-- 固定形状 -->

        <!-- 固定形状 -->
        <div class="container">
            <div class="row">
                <div class="col-lg-8 offset-lg-2">
                    <div class="site-heading text-center">
                        <h5>⚡ ​未来力场 | Future Force Field</h5>
                        <h2>科技爱好者的露天展览馆</h2>
                        <div class="heading-divider"></div>
                    </div>
                </div>
            </div>
            <div class="case-items">
                <div class="row">
                    <!-- 单个项目 -->
                    <div class="single-item col-lg-4 col-md-6">
                        <div class="item  wow fadeInUp" data-wow-delay="400ms">
                            <div class="thumb">
                                <img src="../static/image/AI3.png" alt="Thumb">
                                <div class="overlay">
                                    <a href="../404.html"><i class="fas fa-link"></i></a>
                                </div>
                            </div>
                            <div class="info">

                                <h5>
                                    <a href="../404.html">作品名称</a>
                                </h5>
                                <div class="cats">
                                    <p>
                                        作者名称
                                    </p>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- 结束单个项目 -->
                    <!-- 单个项目 -->
                    <div class="single-item col-lg-4 col-md-6">
                        <div class="item  wow fadeInUp" data-wow-delay="500ms">
                            <div class="thumb">
                                <img src="../static/image/AI2.png" alt="Thumb">
                                <div class="overlay">
                                    <a href="../404.html"><i class="fas fa-link"></i></a>
                                </div>
                            </div>
                            <div class="info">

                                <h5>
                                    <a href="../404.html">作品名称</a>
                                </h5>
                                <div class="cats">
                                    <p>
                                        作者名称
                                    </p>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- 结束单个项目 -->
                    <!-- 单个项目 -->
                    <div class="single-item col-lg-4 col-md-6">
                        <div class="item  wow fadeInUp" data-wow-delay="600ms">
                            <div class="thumb">
                                <img src="../static/image/AI1.png" alt="Thumb">
                                <div class="overlay">
                                    <a href="../404.html"><i class="fas fa-link"></i></a>
                                </div>
                            </div>
                            <div class="info">

                                <h5>
                                    <a href="../404.html">作品名称</a>
                                </h5>
                                <div class="cats">
                                    <p>
                                        作者名称
                                    </p>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- 结束单个项目 -->
                </div>
            </div>
        </div>
    </div>


    </div>


    <footer class="bg-dark text-light" style="margin-top: 50px;">
        <div class="footer-bottom">
            <div class="container">
                <div class="row">
                    <div class="col-md-6">
                        <p>本站基于Bookstrap开发 图片由豆包AI生成生成</p>
                    </div>

                </div>
            </div>
        </div>
        <!-- End Footer Bottom -->
    </footer>
    <!-- End Footer -->

    <!-- jQuery Frameworks
    ============================================= -->
    <script src="../static/js/jquery-1.12.4.min.js"></script>

    <script src="../static/js/bootstrap.min.js"></script>
    <script src="../static/js/equal-height.min.js"></script>
    <script src="../static/js/jquery.appear.js"></script>
    <script src="../static/js/jquery.easing.min.js"></script>
    <script src="../static/js/jquery.magnific-popup.min.js"></script>
    <script src="../static/js/modernizr.custom.13711.js"></script>
    <script src="../static/js/owl.carousel.min.js"></script>
    <script src="../static/js/wow.min.js"></script>
    <script src="../static/js/progress-bar.min.js"></script>
    <script src="../static/js/isotope.pkgd.min.js"></script>
    <script src="../static/js/imagesloaded.pkgd.min.js"></script>
    <script src="../static/js/count-to.js"></script>
    <script src="../static/js/YTPlayer.min.js"></script>
    <script src="../static/js/progresscircle.js"></script>
    <script src="../static/js/bootsnav.js"></script>
    <script src="../static/js/main.js"></script>

</body>

</html>